<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<!-- 引入css初始化文件 -->
	<link rel="stylesheet" href="css/normalize.css" />
	<!-- 结构基本相同 引入基本的公共样式 -->
	<link rel="stylesheet" href="css/base.css" />
	<!-- 引入首页的专属样式 -->
	<link rel="stylesheet" href="css/index.css" />
	<link rel="shortcut icon" href="favicon.ico" />
	<title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！</title>
	<meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
	<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东" />
</head>
<body>
	
	<!-- header 部分 start -->
	<header>
		<div class="w">
			<a href="#">
				<img src="images/ad01.png" alt="">
			</a>
		</div>
	</header>
	<!-- header 部分 end -->

	<!-- 快速导航栏部分 start-->
	<div class="shortcut">
		<div class="w">
			<ul class="fl city">
				<li><i class="f10"></i><a href="#">北京</a></li>
			</ul>
			<ul class="fr">
				<li>
					<a href="#">你好，请登录</a>
					<a href="#" class="f10">免费注册</a>
				</li>
				<li class="space"></li>
				<li>
					<a href="#">我的订单</a>
				</li>
				<li class="space"></li>
				<li>
					<a href="#">我的京东<i></i></a>
				</li>
				<li class="space"></li>
				<li>
					<a href="#">京东会员</a>
				</li>
				<li class="space"></li>
				<li>
					<a href="#">企业采购</a>
				</li>
				<li class="space"></li>
				<li>
					<a href="#">客户服务<i></i></a>
				</li>
				<li class="space"></li>
				<li>
					<a href="#">网站导航<i></i></a>	
				</li>
				<li class="space"></li>
				<li>
					<a href="#" class="mobile">手机京东
						<img src="images/mobile.png" width="60" alt="">
					</a>
				</li>
			</ul>
		</div>		
	</div>
	<!-- 快速导航栏部分 end-->

	<!-- 中间 头 部分 start -->
	<div class="w middle">
		<div class="logo"> <!-- logo 部分 -->
			<h1> <!-- 提高权重 便于搜索引擎优化 -->
				<a href="#"></a>
			</h1>
		</div>
		<div class="form"> <!-- 搜索框 -->
			<input type="text" placeholder="扫描仪">
			<button><i></i></button>
		</div>
		<div class="shopcar"> <!-- 购物车 -->
			<a href="#" class="f10"><i></i>我的购物车<span>0</span></a>
		</div>
		<div class="hotwords"> <!-- 关键字 -->
			<a href="#" class="f10">199减100</a>
			<a href="#">199减100</a>
			<a href="#">199减100</a>
			<a href="#">199减100</a>
			<a href="#">199减100</a>
			<a href="#">199减100</a>
			<a href="#">199减100</a>
			<a href="#">199减100</a>
		</div>
		<div class="navitems"><!-- 小导航 -->
			<ul>
				<li><a href="#">秒杀</a></li>
				<li><a href="#">秒杀</a></li>
				<li><a href="#">秒杀</a></li>
				<li><a href="#">秒杀</a></li>
				<li class="space"></li>
				<li><a href="#">秒杀</a></li>
				<li><a href="#">秒杀</a></li>
				<li><a href="#">秒杀</a></li>
				<li><a href="#">秒杀</a></li>
				<li class="space"></li>
				<li><a href="#">秒杀</a></li>
				<li><a href="#">秒杀</a></li>
			</ul>
		</div>
		<div class="superday">
			<a href="#">
				<img src="images/super.jpg" alt="">
			</a>
		</div>
	</div>
	<!-- 中间 头 部分 end -->

	<!-- footer 部分 start -->
	<footer>
		<!-- 服务模块 -->
		<div class="service">
			<div class="w">
				<ul>
					<li>
						<h5>多</h5>
						<p>品类齐全，轻松购物</p>
					</li>
					<li>
						<h5>多</h5>
						<p>品类齐全，轻松购物</p>
					</li>
					<li>
						<h5>多</h5>
						<p>品类齐全，轻松购物</p>
					</li>
					<li>
						<h5>多</h5>
						<p>品类齐全，轻松购物</p>
					</li>
				</ul>
			</div>
		</div>
		<!-- 帮助模块 -->
		<div class="w help">
			<div class="fl">
				<dl>
					<dt>购物流程</dt>
					<dd><a href="#">买买买！</a></dd>
					<dd><a href="#">买买买！</a></dd>
					<dd><a href="#">买买买！</a></dd>
					<dd><a href="#">买买买！</a></dd>
					<dd><a href="#">买买买！</a></dd>
					<dd><a href="#">买买买！</a></dd>
				</dl>
				<dl>
					<dt>购物流程</dt>
					<dd><a href="#">买买买！</a></dd>
					<dd><a href="#">买买买！</a></dd>
					<dd><a href="#">买买买！</a></dd>
					<dd><a href="#">买买买！</a></dd>
					<dd><a href="#">买买买！</a></dd>
					<dd><a href="#">买买买！</a></dd>
				</dl>
				<dl>
					<dt>购物流程</dt>
					<dd><a href="#">买买买！</a></dd>
					<dd><a href="#">买买买！</a></dd>
					<dd><a href="#">买买买！</a></dd>
					<dd><a href="#">买买买！</a></dd>
					<dd><a href="#">买买买！</a></dd>
					<dd><a href="#">买买买！</a></dd>
				</dl>
				<dl>
					<dt>购物流程</dt>
					<dd><a href="#">买买买！</a></dd>
					<dd><a href="#">买买买！</a></dd>
					<dd><a href="#">买买买！</a></dd>
					<dd><a href="#">买买买！</a></dd>
					<dd><a href="#">买买买！</a></dd>
					<dd><a href="#">买买买！</a></dd>
				</dl>
				<dl>
					<dt>购物流程</dt>
					<dd><a href="#">买买买！</a></dd>
					<dd><a href="#">买买买！</a></dd>
					<dd><a href="#">买买买！</a></dd>
					<dd><a href="#">买买买！</a></dd>
					<dd><a href="#">买买买！</a></dd>
					<dd><a href="#">买买买！</a></dd>
				</dl>
			</div>
		<!-- 范围模块 -->
			<div class="fr coverage">
				<h5>自营覆盖区域</h5>
				<p>京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>
				<a href="#">查看详情 > </a>
			</div>
		</div>
		<!-- 版权模块 -->
		<div class="w copyright">
			<p>
				<a href="#">关于我们</a>
				<span> | </span>
				<a href="#">关于我们</a>
				<span> | </span>
				<a href="#">关于我们</a>
				<span> | </span>
				<a href="#">关于我们</a>
				<span> | </span>
				<a href="#">关于我们</a>
				<span> | </span>
				<a href="#">关于我们</a>
				<span> | </span>
				<a href="#">关于我们</a>
				<span> | </span>
				<a href="#">关于我们</a>
				<span> | </span>
				<a href="#">关于我们</a>
				<span> | </span>
				<a href="#">关于我们</a>
				<span> | </span>
			</p>
			<div>
				<p>京公网安备 11000002000088号<span> | </span>京ICP证070359号<span> | </span>互联网药品信息服务资格证编号(京)-经营性-2014-0008<span> | </span>新出发京零 字第大120007号</p>
				<p>互联网出版许可证编号新出网证(京)字150号<span> | </span>出版物经营许可证<span> | </span>网络文化经营许可证京网文[2014]2148-348号<span> | </span>违法和不良信息举报电话：4006561155</p>
				<p>Copyright © 2004 - 2018  京东JD.com 版权所有<span> | </span>消费者维权热线：4006067733经营证照</p>
				<p>京东旗下网站：京东钱包<span> | </span>京东云</p>
			</div>
			<p class="foot-icon">
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
			</p>
		</div>

	</footer>
	<!-- footer 部分 end -->


</body>
</html>